
<%@ include file="./header.jsp" %>
<!-- file -->
<link rel="stylesheet"
	href="<c:url value="/resources/css/listTrustRegion.css" />"
	type="text/css">
<script src="./resources/js/trustRegion.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('#trustregion').addClass('active');	
});
</script>

<h2 id="heading">Trust Region List</h2>
	<div class="container">
		<div class="optionHyperLink">
			<p>
				<a id="hp_all" class="hyper">All</a> | <a id="hp_09" class="hyper">0
					- 9</a> | <a id="hp_ae" class="hyper">A B C D E</a> | <a id="hp_fj"
					class="hyper">F G H I J</a> | <a id="hp_ln" class="hyper">K L
					M N</a> | <a id="hp_or" class="hyper">O P Q R</a> | <a id="hp_sv" class="hyper">S T
					U V</a> | <a id="hp_wz" class="hyper">W X Y Z</a>
				<button class="btn" name="create" id="create" onclick="createRegion()">Create</button>
				<input type="checkbox" id="inactive" /> Include Inactive
			</p>
		</div>
		<div class="table">
			<table id="example" class="table table-hover" border="1">
				<thead>
					<tr>
						<th>Trust Region Name</th>
						<th>Description</th>
						<th>Nation/Country</th>
						<th>Is Active?</th>
					</tr>
				</thead>

				<tbody>
					<c:forEach items="${listRegion}" var="current">
						<tr>
							<td><a id="nameLink"><c:out value="${current.getName()}" />
							</a></td>
							<td><c:out value="${current.getDescription()}" /></td>
							<td><c:out value="${current.getCountryName()}" /></td>
							<td><c:out value="${current.getIsActive()}" /></td>
						</tr>
					</c:forEach>
				</tbody>
			</table>
		</div>
		<div id="msg"></div>
	</div>

<%@ include file="./footer.jsp" %>